<template>
  <el-menu
          active-text-color="#409EFF"
          background-color="#41454B"
          class="el-menu-vertical-demo"
          text-color="rgb(173, 180, 204)"
          @open="handleOpen"
          @close="handleClose"
        >
          <el-sub-menu index="1">
            <template #title>
              <el-icon><location /></el-icon>
              <span>基础管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1" @click="$router.push('/sitemanage')">回收点管理</el-menu-item>
              <el-menu-item index="1-2" @click="$router.push('/chengmanage')">称管理</el-menu-item>
			  <el-menu-item index="1-3" @click="$router.push('/classification')">分类管理</el-menu-item>
            </el-menu-item-group>
            
            <!-- <el-sub-menu index="1-4">
              <template #title>item four</template>
              <el-menu-item index="1-4-1">item one</el-menu-item>
            </el-sub-menu> -->
          </el-sub-menu>
		  
		  <el-sub-menu index="2">
		    <template #title>
		      <el-icon><document /></el-icon>
		      <span>数据管理</span>
		    </template>
		    <el-menu-item-group>
		      <el-menu-item index="2-1" @click="$router.push('/bill')">流水明细</el-menu-item>
		    </el-menu-item-group>
		  </el-sub-menu>
		  
		  
		  <el-sub-menu index="3">
		    <template #title>
		      <el-icon><setting /></el-icon>
		      <span>系统管理</span>
		    </template>
		    <el-menu-item-group>
		      <el-menu-item index="3-1" @click="$router.push('/adminmanage')">管理员管理</el-menu-item>
			  <el-menu-item index="3-2" @click="$router.push('/rolemanage')">角色管理</el-menu-item>
		    </el-menu-item-group>
		  </el-sub-menu>
		  
        </el-menu>
</template>

<script>
 export default {
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style lang="less" scoped>
	.el-menu-vertical-demo{
		width: 3.2rem;
		overflow: hidden;
	}
	/deep/ .el-menu-item-group__title{
		padding: 0 !important;
	}
</style>